import { createStyles } from 'antd-style';

export const usePageMainHeaderStyles = createStyles(({ token }) => ({
    headerWrapper: {
        background: token.colorBgContainer,
        border: `1px solid ${token.colorBorder}`,
        padding: 0,
        position: 'sticky',
        top: 0,
        zIndex: 1,
        width: '100%',
    },
    header: {
        maxWidth: '1600px',
        '&.mobile': {
            justifyContent: 'center',
            height: '50px',
        },
        paddingBlock: 0,
        paddingInline: 'var(--content-inline-padding)',
        position: 'sticky',
        top: 0,
        zIndex: 1,
        width: '100%',
        display: 'flex',
        justifyContent: 'space-between',
        alignItems: 'center',
        height: '120px',
    },
    hide: {
        display: 'none',
    },
}));